<template>
	<div class="front borrowOrderSection2">
		<div class="widgets bg-white">
			<el-form :inline="true" :model="formData" label-width="82px" label-position="right">
				<el-form-item label="日期选择：">
					<el-date-picker v-model="formData.showTime" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" :default-time="['00:00:00', '23:59:59']" style="width: 185px !important;"></el-date-picker>
				</el-form-item>
				<el-form-item label="事 业 部：">
                    <el-input v-model="formData.businessUnit" disabled></el-input>
                </el-form-item>
                <el-form-item label="中　　心：">
                    <el-input v-model="formData.center" disabled></el-input>
                </el-form-item>
                <el-form-item label="部　　门：">
                    <el-input v-model="formData.dept" disabled></el-input>
                </el-form-item>
                <el-form-item label="制 单 人：">
                    <el-input v-model="formData.orderPerson" disabled></el-input>
                </el-form-item>
                <el-form-item label="会计科目：">
                    <el-input v-model="formData.subject" disabled></el-input>
                </el-form-item>
                <el-form-item label="子　　目：">
                    <el-input v-model="formData.subjectChild" disabled></el-input>
                </el-form-item>
                <el-form-item label="借款类别：">
                    <el-input v-model="formData.borrowCategory"></el-input>
                </el-form-item>
                <el-form-item label="金　　额：">
                    <el-input v-model="formData.money"></el-input>
                </el-form-item>
                <el-form-item label="审批状态：">
                    <el-input v-model="formData.status"></el-input>
                </el-form-item>
                <el-form-item label="付款银行：">
                    <el-input v-model="formData.bankName"></el-input>
                </el-form-item>
			</el-form>
		</div>
        <div class="table bj bg-white">
            <el-scrollbar style="height: 100%;">
                <el-table :data="tableData" border highlight-current-row>
                    <el-table-column type="selection" width="55" align="center"></el-table-column>
                    <el-table-column property="userName" label="序号" width="70" align="center"></el-table-column>
                    <el-table-column property="name" label="单据号" align="center"></el-table-column>
                    <el-table-column property="sex" label="制单日期" align="center"></el-table-column>
                    <el-table-column  property="deptName" label="制单人" align="center"></el-table-column>
                    <el-table-column property="positionAux" label="摘要" align="center"></el-table-column>
                    <el-table-column property="aaa" label="借款类别" align="center"></el-table-column>
                    <el-table-column property="positionAux" label="币别" align="center"></el-table-column>
                    <el-table-column property="positionAux" label="会计科目" align="center"></el-table-column>
                    <el-table-column property="positionAux" label="子目" align="center"></el-table-column>
                    <el-table-column property="positionAux" label="细目" align="center"></el-table-column>
                    <el-table-column property="positionAux" label="金额" align="center"></el-table-column>
                </el-table>
            </el-scrollbar>
        </div>
	</div>
</template>
<script>
export default {
	data() {
		return {
			formData: {},
            tableData: [],
		}
	}
}
</script>
<style scoped>
	.el-form {margin-top: 0!important;padding-left: 0!important;}
    .table {height: calc(100% - 170px)}
    .table .el-table {height: 100% !important;}
</style>